/*
    glDatePicker default style

    http://code.gautamlad.com/glDatePicker/
    https://github.com/glad/glDatePicker/
*/

/* Calendar container div */
.dpcontainer {
    z-index:999;
    border: 1px solid #C3C3C3;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    border-radius: 0;
}
.gldp-default{
    float:left;
    background:#fff;
}

/* Table style */
.gldp-default table{
    border-spacing:1px;
    border-collapse:inherit;
}

/* Default row height */
.gldp-default tr{
    line-height:25px;
}

/* Default style of cell */
.gldp-default td{
    margin:0;
    padding:0;
    width:30px;
    text-align:center;
}

/* Previous and Next arrows */
.gldp-default-prevnext{
    font-family:"times new roman";
    color:#222;
    cursor:pointer;
    font-weight:bold;
}

/* Month Year title */
.gldp-default-monyear{
    color:#222;
    font-size:12px;
    font-weight:bold;
}

/* Days of the week (Sun, Mon, ...) */
.gldp-default-dow{
    background-color:#eee;
    color:#444;
    font-size:12px;
    font-weight:bold;
}

/* Selectable days */
.gldp-default-day,.gldp-default-sat, .gldp-default-sun{
    background-color:#fff;
    color:#444;
    font-weight:bold;
}
.gldp-default-day-hover,.gldp-default-sat-hover, .gldp-default-sun-hover{
    background-color:#CDCDCD;
    color:#444;
    cursor:pointer;
    font-weight:bold;
}

/* Selected days */
.gldp-default-selected{
    background-color:#cdcdcd;
    color:#222;
    font-weight: bold;
    cursor: pointer;
}

/* Today */
.gldp-default-today{
    background-color:#848C98;
    color:#fff;
    font-weight:bold;
    cursor: pointer;
}
.gldp-default-today-hover{
    background-color:#848C98;
    color:#fff;
    font-weight:bold;
    cursor: pointer;
}

.gldp-default-noday{
    background-color:#fff;
    color:#999;
    cursor:not-allowed
}


















.datepicker {width:100px;}
.calendar {
    z-index:999;position: absolute; width: 189px; height: 190px;display: none;
    border: 1px solid #C3C3C3;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    border-radius: 0;
    background:#fff;
}

.calendar .calMain { width: 189px; height: 190px; overflow: hidden; position: absolute; }
.calendar .calMain .calTitle { width: 189px; float: left; height: 30px;line-height:30px; background: #fff; overflow: hidden; }
.calendar .calMain .calTitle .t_date { width: 149px; float: left; font-weight: bold;text-align: center;}
.calendar .calMain .calTitle .t_date a{color:#444;}
.calendar .calMain .calTitle .t_date a:hover{color:#0063DC;}
.calendar .calMain .calTitle .prevMonth { line-height: 15px;width: 15px; height: 15px; float: left; margin: 8px 0 0 5px; cursor: pointer;}
.calendar .calMain .calTitle .nextMonth { line-height: 15px;width: 15px; height: 15px; float: right; margin: 8px 5px 0 0; cursor: pointer;}
.calendar .calMain .calTitle .currentYear { margin-right:2px;}
.calendar .calMain .calTitle .currentMonth { margin-right:2px;}
.calendar .calMain .calTitle .currentYearText { float: left; margin: 0 5px 0 34px; cursor: pointer; }
.calendar .calMain .calTitle .currentMonthText { float: left; cursor: pointer; width: 30px; text-align: right; }

.calendar .calMain .calContent { width: 378px; height: 157px; float: left; }
.calendar .calMain .calContent .enabled { position: absolute; width: 189px; height: 157px; float: left; }
.calendar .calMain .calContent .reserve { position: absolute; width: 189px; height: 157px; float: left; }

.calendar .calMain .calContent .tabD { width: 189px; float: left; border-collapse: collapse; border-spacing: 0; border: 0; }
.calendar .calMain .calContent .tabD th { padding:0;background:#eee; line-height: 26px; height:26px; font-weight: normal; color: #444;text-align: center;}
.calendar .calMain .calContent .tabD td { padding:0;color: #1f3959; text-align: center; line-height: 22px;height:22px; width: 27px; font-family: "georgia"; }

.calendar .calMain .calContent .tabD td span { color: #c0c0c0; }

.calendar .calMain .calContent .tabD td a { display:block;}
.calendar .calMain .calContent .tabD td .nextD { color: #bccadc; }
.calendar .calMain .calContent .tabD td .prevD { color: #bccadc; }
.calendar .calMain .calContent .tabD td .hover {background:#dedede;cursor:pointer;}
.calendar .calMain .calContent .tabD td .current {background:#eee;cursor:pointer;}
.calendar .calMain .calContent .tabD td .select {background:#dedede;cursor:pointer;}

.calendar .calMain .calContent .tabM { width: 189px; float: left; border-collapse: collapse; border-spacing: 0; border: 0; }
.calendar .calMain .calContent .tabM td { color: #1f3959; text-align: center; height: 50px; width: 47px; font-family: "georgia"; }
.calendar .calMain .calContent .tabM td a { width: 42px; line-height: 42px; float: left; margin: 0px 0 0 2px; cursor: pointer; color: #51729d; }
.calendar .calMain .calContent .tabM td .hover { width: 40px; line-height: 40px; border: 1px solid #7d99bd; float: left; margin: 0px 0 0 2px; }
.calendar .calMain .calContent .tabM td .current { width: 40px; line-height: 40px; border: 1px solid #51729d; float: left; margin: 0px 0 0 2px; }
.calendar .calMain .calContent .tabM td .select { width: 40px; line-height: 40px; background: #51729d; border: 1px solid #51729d; color: #fff; float: left; margin: 0px 0 0 2px; }

.calendar .calMain .calContent .tabY { width: 189px; float: left; border-collapse: collapse; border-spacing: 0; border: 0; }
.calendar .calMain .calContent .tabY td { color: #1f3959; text-align: center; height: 50px; width: 47px; font-family: "georgia"; }
.calendar .calMain .calContent .tabY td a { width: 42px; line-height: 42px; float: left; margin: 0px 0 0 2px; cursor: pointer; color: #51729d; }
.calendar .calMain .calContent .tabY td .nextY { color: #bccadc; }
.calendar .calMain .calContent .tabY td .prevY { color: #bccadc; }
.calendar .calMain .calContent .tabY td .hover { width: 40px; line-height: 40px; border: 1px solid #7d99bd; float: left; margin: 0px 0 0 2px; }
.calendar .calMain .calContent .tabY td .current { width: 40px; line-height: 40px; border: 1px solid #51729d; float: left; margin: 0px 0 0 2px; }
.calendar .calMain .calContent .tabY td .select { width: 40px; line-height: 40px; background: #51729d; border: 1px solid #51729d; color: #fff; float: left; margin: 0px 0 0 2px; }

.calendar .calMain a:hover { text-decoration: none; }
